<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/css/changepage.css"/>
    <title></title>
    <script src="/js/vendor/modernizr.js"></script>
</head>

<body>
<main>
    <div class="cd-index cd-main-content">
        <div>
            <h1>Page Transition</h1>
            <!-- your content here -->
            <p class="center"><a class="cd-btn" href="/articles/" data-type="page-transition">Start animation</a></p>
        </div>
    </div>
</main>

<div class="cd-cover-layer"></div> <!-- this is the cover layer -->

<div class="cd-loading-bar"></div> <!-- this is the loading bar -->

<script src="/js/vendor/jquery-2.1.1.js"></script>
<script src="/js/vendor/main.js"></script>
</body>
</html>